<!--
 * @Author: byron
 * @Date: 2022-02-23 09:07:59
 * @LastEditTime: 2022-02-23 09:37:16
-->
<template>
    <div>
        <!-- 路由出口 -->
        <router-view />
        <!-- 底部导航栏 -->
        <div class="tabbar">
            <van-tabbar route>
                <van-tabbar-item replace to="/home" icon="home-o"
                    >首页</van-tabbar-item
                >
                <van-tabbar-item replace to="/order" icon="search"
                    >订单</van-tabbar-item
                >
                <van-tabbar-item replace to="/consult" icon="friends-o"
                    >客服</van-tabbar-item
                >
                <van-tabbar-item replace to="/mine" icon="setting-o"
                    >我的</van-tabbar-item
                >
            </van-tabbar>
        </div>
    </div>
</template>

<script>
import { reactive, toRefs, onBeforeMount, onMounted } from 'vue'
export default {
    name: '',
    setup() {
        const data = reactive({})
        onBeforeMount(() => {
            console.log('2.组件挂载页面之前执行----onBeforeMount')
        })
        onMounted(() => {
            console.log('3.-组件挂载到页面之后执行-------onMounted')
        })
        return {
            ...toRefs(data),
        }
    },
}
</script>
<style scoped lang="less"></style>
